[分享][Hexo][第一次使用Hexo就上手 for Windows]

使用Markdown格式寫過Github上的Readme後，再回去用Google Blogger寫blog，發現怎麼會有這麼難寫的設計,尤其在程式碼呈現的部分,就決定把blog換到別的地方去。

支援Markdown格式的Blog Framework有

  • Jekyll
  • Octopress
  • Hexo
  • Logdown
  • Farbox
  • ………

看了看以上的優缺點，覺得Hexo算是最好上手、安裝最簡潔的，就決定用他了。

Hexo是用Node.js製成的，比起用Ruby寫的Jekyll和Octopress在檔案的Generate方面快上許多。

安裝Node.js

由於是由Node.js開發的，必須先安裝Node.js，Windows的Node.js安裝非常簡單，只要去Node.js官網按下Install下載安裝就好了(注意要將npm add到PATH裡面去，否則無法在Windows Prompt下執行npm)

安裝Hexo

  1. 在Windows Prompt下執行
1
npm install hexo -g
  1. 在本機端選擇，要安裝Blog資料夾的位置並執行以下指令，會將hexo初始化並安裝於blog這個資料夾中
1
hexo init blog
  1. 移動到blog資料夾中
1
cd blog
  1. 執行以下指令，會將Node Package Module安裝於該資料夾，Hexo才能跑
1
npm install
  1. Load blog/source/_posts/ 內的Markdown檔，並產生他們的Blog網頁
1
hexo generate
  1. 開啟Server，用於本機測試用，可以打開http://localhost:4000/來查看Blog是否正常產生與顯示
1
hexo server

新增文章

1
2
3
4
5
6
7
8
$ hexo new [layout] <title>
$ hexo new "New Post"
# => The file will be created at source/_posts/new-post.md
$ hexo new page "New Page"
# => The file will be created at source/new-page/index.html
$ hexo new draft "New Draft"
# => The file will be created at source/_drafts/new-draft.md

記得post完新增的.md後 要重新hexo generate才會有該.md的Blog產生